@charset "UTF-8";




.content{ padding-bottom:80px; }
/*.ny_content{padding-bottom:72px;}*/
.content .title{ font-size:24px;font-weight: 700; color:#001e67; text-align:center; padding:0 0 36px 0; }



#wrapper { background: #fff; position: relative; width:100%; }
.fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height:400px !important; overflow: hidden; }
.fullwidthbanner-container .fullwidthabnner { width: 100% !important; max-height: 619px !important; position: relative; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width: 768px; height: 309px; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer { width: 480px; height: 193px; }
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
.banner, .bannercontainer { width: 320px; height: 129px; }
}
 @media only screen and (max-width: 319px) {
.banner, .bannercontainer { width: 240px; height: 97px; }
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {  }
.tp-leftarrow:hover, .tp-rightarrow:hover {  }
/** BULLETS **/
.tp-bullets { z-index: 1001; position: absolute; bottom: 0px; display:none;}
.tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: #fff; width: 188px; height: 6px; float: left; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; }
.tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(../img/banner_left.png) no-Repeat; width: 77px; height:152px; margin-left: 0px; margin-top: -76px;}
.tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(../img/banner_right.png) no-Repeat 0 0; width: 77px; height: 152px; margin-left: 0; margin-top: -76px; }
.tp-bullets.tp-thumbs { z-index: 100; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; margin-top: -50px; }
.fullwidthbanner-container .tp-thumbs { padding: 3px; }
.tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; overflow: hidden; position: relative; }
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; }
.tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50);	*/
-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.tp-thumbs img { width: 100%; }
.tp-bannertimer { width: 100%; height: 10px; position: absolute; z-index: 200; z-index: 5000; }
.tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {;
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; }
.responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; }
.responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; }
}
 @media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display: none; }
.responsive .tparrows { display: none; }
}
.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.tp-simpleresponsive a { text-decoration: none; }
.tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; }
.tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; }
.caption.slidelink a div, .tp-caption.slidelink a div { width: 10000px; height: 10000px; }
.tp-loader { background: url(../img/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


.content .product_center{ background:#fff; clear:both; overflow:hidden; padding:63px 0;}
.content .product_center .demo { }
.col-md-4{ width:16%; margin:0 0%; float:left; background:#fff; padding:27px 2%;}
.content .product_center .demo .container{ width: 100%;height: auto;margin-left: auto;margin-right: auto;position:relative;}
.content .product_center .demo .container .swiper-slide{ width:16%; margin:0 0%;padding:0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition-property:all;
    }

.content .product_center  .swiper-prev{position:absolute;cursor:pointer;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:20px;top:50%;left:3px;z-index: 5;text-align: center;line-height:40px;}
.content .product_center  .swiper-next{position:absolute;cursor:pointer;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:20px;top:50%;right:3px;z-index: 5;text-align: center;line-height:40px;}

.product-grid {  }
.product-grid .product-image {/*width: 193px; margin-left: 11%;margin-bottom: 10%; */ overflow: hidden; position: relative; display: block; }
.product-grid .product-image:before { content: ""; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
.product-grid .product-image img { width: 100%; height: auto; }
.product-grid .product-image img.pic-c {position: absolute;transition:.2s ease-out .1s;
    z-index: 5;
    top: 0;
    left: 0;display:none;}
.product-grid .product-image:hover img.pic-c{display:block;transition:.2s ease-out .1s;}

.product-grid .discount { width: 100%; font-size: 18px; color:#636363;/*  margin-left: 5%; */ }
.product-grid .discount strong{ color:#333; }
.product-grid .product-content { padding: 15px 0 10px 0; background: #f5f5f5;text-align: center;}
.product-grid .title { font-size: 14px; padding:0 0; line-height:20px; text-align:left;  text-transform: capitalize; margin: 5px 0 7px 0; }
.product-grid .price { font-size: 12px;  margin-bottom: 0px; }
.product-grid .price  a{margin-left: 5%; background:#222; padding:3px 10px; max-width:80px; text-align:center; color:#fff; font-size:14px; line-height:24px; display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;margin:0 auto; }
.product-grid .price  a:hover{ color:#fff; background:#1d55a1;}
.product-grid .rating { padding: 0; margin: 0; list-style: none; }
.product-grid .rating li { display: inline-block; font-size: 10px; color: #ffc000; }


.b-se{width:100%; overflow: hidden; border-bottom: 1px solid #e3e3e3;}
.search{ max-width: 1200px;
    margin: 20px auto;
    width: 100%;
    overflow: hidden;
    clear: left;
   }
.search .k-word{width:50%;float:left;font-size:14px;color:#2e50d0;}
.search .k-word a{font-size:14px;color:#333;padding-right:5px;}
.search form{width: 273px;float:right;position:relative;}
.search select{border: 1px solid #ccc;
    padding: 1px 0;
    float: left;
    width:60px;
    padding-left: 5px;}
.search form:after{content: "";
    width: 10px;
    height: 8px;
    /*background: url(../img/jt.png) no-repeat center;*/
    position: absolute;
        left: 37px;
    top: 8px;
    pointer-events: none;
    background-size: contain;}
.search input{display: inline-block;
    border: 1px solid #ccc;
    padding: 1px 3px;
    /*border-left: 0;*/
    width:180px;
    float: left;} 
.search button{width:24px;height:24px;background:0;border:0;background:url(../img/ss.png)no-repeat;background-size:cover;float:left;outline:1px solid #eee;}   

.all-a{width:100%;overflow:hidden;background:url(../img/bj01.png)no-repeat;background-size:cover;margin-bottom:10px;padding:50px 0;}
.about-1{clear:left;overflow:hidden;/*margin-bottom: 50px;*/}
.about-1 .about-con{width:45%;float:left;/*margin-bottom: 35px*/;}
.about-1 .about-con .div1{font-size:26px;color:#000;position:relative;line-height:45px;font-weight:bold;margin-bottom:15px;}
.about-1 .about-con .div1 span.line{display:inline-block;width:12%;margin-left:5px;height:1px;background:#000;vertical-align:6px;}
.about-1 .about-con .div1 span.dw{position: absolute;
    display: block;
    width: 50%;
    height: 25px;
    background: rgba(0,55,142,.3);
    bottom: 24%;}
.about-1 .about-con .div1 b{display:block;color:#00378e;font-size:30px;font-weight:bold;}
.about-1 .about-con p{color:#333;font-size:16px;line-height:30px;}
.about-1 .about-con .div2{clear:left;margin-top: 20px;}
.about-1 .about-con .div2 i{display:block;width:45px;height:45px;float:left;background:url(../img/tubiao.png)no-repeat;background-size: cover;
    /* margin-right:8px; */}
.about-1 .about-con .div2 p{float:left;font-size:12px;color:#333;line-height:25px;width:90%;}
.about-1 .about-con .div2 p b{font-size:18px;color:#000;display:block;font-weight:bold;}
.about-1 .about-con a{display:block;width:100px;padding:5px 0;text-align:center;margin:20px 0;background:#0047b6;color:#fff;font-size:14px;clear:left;border-radius:20px;}
.about-1 .picture{width:50%;float:right;position:relative;}
.about-1 .picture img{max-width:100%;margin:auto 0;}

.content .yycj{ padding:72px 0 43px 0;}
.case {display: inline-block;padding-top: 0;}
.case ul {margin: 0 auto;}
.case>ul li p{ text-align:center; font-size:14px; line-height:50px; margin-bottom:9px;}
.case>ul li {display: inline-block; width:48%; float:left; margin:0 0%;}
.case .grid-content {position: relative;overflow: hidden;}
.case .grid-content>img {width:100%;display: inline-block;background: #ccc;}
.case .grid-content .grid-shade {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: #5E5E5E;font-size: 20px;display: none;}
.case .grid-content .grid-shade .grid-enter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.case .grid-content .grid-shade .grid-enter a {color: #eee; font-size:14px;}
.case .grid-content .grid-shade .grid-enter>img {width: 28px;vertical-align: top;margin-top: 10px;}

.content .home_banner{ background:url(../img/youshi_bg.jpg) no-repeat center; color:#636363; background-size:100% 100%; padding:174px 0 146px 0; clear:both; overflow:hidden;}
.content .home_banner h4{color:#fff; font-size:30px; padding:0 0 27px 0;font-weight: 700;}
.content .home_banner p{color:#fff;font-size:16px; padding:0 0 36px 0; line-height:25px;}
.content .home_banner img{  width:100%; margin-bottom:12px;}
.content .home_banner ul li{ text-align:center;float:left; width:100%; max-width:71px; margin-right:70px; line-height:20px; font-size:14px;}

.content .case_center{ background:#e6e6e6; padding:72px 0; clear:both; overflow:hidden;}
.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none; }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }
  .bellows .bellows__item{ float:left; width:31.33333%; margin:0 0%;}
  .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bellows__header { position: relative; line-height:24px; padding:13px 45px 13px 15px;background:#fff; -webkit-tap-highlight-color: transparent; font-size:14px; }
.bellows__item img{ width:100%;}
.bellows__header:active { background: #1d55a1; color:#fff; }
.bellows__header::before, .bellows__header::after { content: ''; position: absolute; top: 50%; right: 15px; z-index: 2; display: block; width: 16px; height: 4px; margin-top: -2px; /*background:#1d55a1;*/ pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
.bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.bellows__item:last-child > .bellows__header { border-bottom: 0; }
.bellows__header h1,  .bellows__header h2,  .bellows__header h3,  .bellows__header h4 { margin: 0; }
.bellows__content { font-size:14px; line-height:28px; background:#fff; padding:0 15px 15px 15px; }
.bellows__content .bellows { margin-top: 20px; }




.content .news_center{ clear:both; overflow:hidden; padding-top:20px; color:#636363;}
.content .news_center .title2{ text-align:right; font-size:16px; line-height:75px;}
.content .news_center .title2 span{ padding:0 5px;}
.content .news_center p{display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; font-size:14px; margin-bottom:58px;}
.content .news_center .more{ float:left; }
.content .news_center .more a{ background:#222; padding:3px 10px; color:#fff; font-size:14px; line-height:24px; display:block;transition: padding-right 0.2s; -webkit-transition: padding-right 0.2s;transition: padding-left 0.2s; -webkit-transition: padding-left 0.2s;}
.content .news_center .more a:hover{ padding:5px 20px; color:#fff; background:#1d55a1;}
.content .news_center .date{ float:right;line-height:34px; font-size:14px;}
.content .news_center .news_left{ float:left; width:45%; clear:both; overflow:hidden;border-bottom: 1px dashed #787878;padding-bottom: 20px;}
.content .news_center .news_left img{ width:100%; margin-bottom:15px;}
.content .news_center .news_right{ float:right; width:52%;}
.content .news_center .news_right dl{ margin-bottom:34px;  clear:both; overflow:hidden;}
.content .news_center .news_right dl dt { float:left; width: calc(100% - 230px); border-bottom:1px dashed #787878; padding-bottom:20px;}
.content .news_center .news_right dl dt p{ margin-bottom:60px; margin-top:0px;}
.content .news_center .news_right dl dd{ float:right; width:210px;}
.content .news_center .news_right dl dd img{ width:100%;} 


.fw_con { color:#636363;}
.fw_con .search{ clear:both; overflow:hidden;  width:100%; max-width:626px; margin:70px auto 70px auto;}
.fw_con .search input{ float:left; border:1px solid #636363; height:38px; line-height:38px;width: calc(100% - 92px);}
.fw_con .search input.btn{ float:left; background:#636363; color:#fff; font-size:14px; height:40px; line-height:40px; width:90px; text-align:center; cursor:pointer;}
.fw_con .ny_nav{  height:35px; line-height:35px; font-size:14px;}
.fw_con .ny_nav a{ }
.fw_con .ny_nav a:hover,.fw_con .ny_nav a.dq{ }
.fw_con .fw_title1{ font-size:24px; text-align:center; height:89px; line-height:89px;}
.fw_con .xuxian{ height:1px; border-bottom:1px dashed #6C6C6C; margin-bottom:35px;}
.fw_con img{ width:100%; margin-bottom:71px;}



.fw_con  .tab { }
.fw_con  .tab_menu { clear:both;}
.fw_con  .tab_menu li {width:33.33%; font-size:18px; float:left;border-bottom:1px solid #ccc; display:block; text-align:center; height:34px; line-height:34px;}
.fw_con  .tab_menu li.hover { cursor:pointer; color:#000; background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.fw_con  .tab_menu li.dq { color:#000; background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.fw_con  .tab_box { clear:both; padding-top:30px; padding-bottom:30px; overflow:hidden; }
.fw_con  .hide{display:none}


.fw_con ul.wenti{ width:100%; margin:0 auto;/* max-width:800px;*/ padding:20px 0;}
.fw_con ul.wenti li{ height:24px; line-height:24px; font-size:14px; padding:15px 0;}
.fw_con ul.wenti li a.more{ width:88px; border:1px solid #ccc; height:22px; line-height:22px; float:right; text-align:center;}
.fw_con ul.wenti li a.more:hover{ color:#fff; background:#1d55a1;border:1px solid #1d55a1;}
.fw_con ul.wenti li p{width: calc(100% - 90px); float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


.fw_con ul.wenti2{ width:100%; margin:0 auto; max-width:800px; padding:20px 0;}
.fw_con ul.wenti2 li{ height:24px; line-height:24px; font-size:14px; padding:18px 0; border-bottom:1px dashed #636363;}
.fw_con ul.wenti2 li a.more{ width:88px;  height:22px; line-height:22px; float:right; text-align:right; }
.fw_con ul.wenti2 li a.more:hover{ color:#bc131a;}
.fw_con ul.wenti2 li p{width: calc(100% - 90px); float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


.fw_con .jxs{ padding:0 0 0 0; overflow:hidden; }
.fw_con .fw_title2{ font-size:18px;  height:80px; line-height:80px;}
.fw_con .jxs dl dt{ float:left; width:50%; margin-right:3%; font-size:14px; line-height:40px;}
.fw_con .jxs dl dd{ float:left; width:47%; font-size:14px; line-height:40px;}
.fw_con .jxs dl dd p{ margin-bottom:10px; font-size:16px;}
.fw_con .jxs dl dd p img{max-width: 24px;margin: 0 0 0 15px;}

/*.fw_con .jxs span{ float:left; width:80px; line-height:26px; font-size:14px;}
.fw_con .jxs input{ border:1px solid #636363; float:left; line-height:24px; font-size:14px; margin-bottom:34px; width: calc(30% - 82px); margin-right:20%; }
.fw_con .jxs textarea{ width:100%; min-height:298px; margin-top:10px; border:1px solid #636363; margin-bottom:6px;}
.fw_con .jxs input.btn{ max-width:73px; color:#fff; text-align:center; background:#636363; border:0; cursor:pointer;}
.fw_con .jxs input.btn:hover{ color:#fff; background:#bc131a;}*/

.feedbook{  color:#636363;}
.feedbook .feedbookw { padding:0 0 0 0;max-width: 1200px;margin: 0 auto;width:99%;}
.feedbook .feedbookw .fw_title2{ font-size:18px;  height:80px; line-height:80px;}
.feedbook .feedbookw  span{ float:left; width:80px; line-height:26px; font-size:14px;}
.feedbook .feedbookw  input{ border:1px solid #636363; float:left; line-height:24px; font-size:14px; margin-bottom:34px; width: calc(30% - 82px); margin-right:20%; }
.feedbook .feedbookw  textarea{ width:100%; min-height:298px; margin-top:10px; border:1px solid #636363; margin-bottom:6px;}
.feedbook .feedbookw  input.btn{ max-width:73px; color:#fff; text-align:center; background:#636363; border:0; cursor:pointer;}
.feedbook .feedbookw  input.btn:hover{ color:#fff; background:#154b91;}

.fw_con .xiazai{font-size:14px;}
.fw_con .xiazai .xiazai_title{ height:14px; line-height:14px; border-left:6px solid #636363; padding-left:4px; margin-bottom:20px; }
.fw_con .xiazai  ul{ margin-bottom:20px; clear:both; overflow:hidden;}
.fw_con .xiazai  ul li{ /*float:left;*/ width:100%; margin-bottom:10px; text-indent:10px;border-bottom:1px solid #ccc;padding:10px 0px;}
.fw_con .xiazai  ul li p{ float:left;}
.fw_con .xiazai  ul li a{ /*border:1px solid #ccc; display:block; padding:0 0; max-width:4em; text-align:center;*/ text-indent:0;margin-left:15px;float:right;}
.fw_con .xiazai  ul li img{margin-bottom:0px;width: 32px;margin-left: 10px;}
/*.fw_con .xiazai  ul li a:hover{color:#fff; background:#00378e; border:1px solid #00378e;}*/

.bghui{ background:#f7f7f7;}
.bghui2{ background:#f2f2f2;}

.youshi{ padding-top:72px; clear:both; overflow:hidden;}
.youshi .youshi_nav{ padding:30px 3%; background:#fff; }
.youshi .youshi_nav a{ font-size:18px; line-height:52px; color:#636363; display:block; padding:0 0 0 8%;}
.youshi .youshi_nav a:hover,.youshi .youshi_nav a.dq{ color:#fff;background: #1d55a1;}
.youshi .youshi_nav a:active,.youshi .youshi_nav a.dq{ color:#fff;background:#00499d;}
.youshi .youshi_nr{ color:#333;}
.youshi .youshi_nr img{ max-width:100%; margin:22px 0 22px 0;;}
.youshi .youshi_nr .youshi_title1{ font-size:24px; text-align:center; padding:00px 0 18px 0;}
.youshi .youshi_nr .text_center{ font-size:14px; text-align:center;}
.youshi .youshi_nr p{ font-size:14px;  margin:0 auto 0px auto;}
.youshi .youshi_nr ul{ clear:both;  height:30px; max-width:390px; margin:0 auto 0 auto;}
.youshi .youshi_nr ul li{ float:left; width:50%; text-align:center;height:30px; font-size:14px;}
.youshi .youshi_nr ul li a{ border:1px solid #636363; padding:4px 20px;line-height:26px;color:#636363;;}
.youshi .youshi_nr ul li a:hover{border:1px solid #1d55a1; color:#fff; background:#1d55a1;}
.youshi .box{ overflow:hidden;}
.youshi .sub{  float:left;width:280px; padding:0; position:relative;}
.youshi .fixed{  margin-top:0px;  top:60px;  width:280px;  }
.youshi .main{ float:right;width: calc(94% - 320px); background:#fff; padding:30px 3%;}


.products{ color:#636363;}
.products .con1,.products .con2,.products .con3,.products .con4{ padding:72px 0; clear:both; overflow:hidden;}
.products .pro_title1{ font-size:24px; text-align:left; padding-bottom:30px; padding-top:0;}
.products .pro_text{ font-size:14px; text-align:center; padding-bottom:65px;}
.products .img1{ width:100%; margin:0 auto; max-width:1200px;text-align: center;}
.products .img1 ul li{ float:left; width: calc(12.5% - 8px); margin-right:8px; text-align:center;}
.products .img1 ul li p{ padding:14px 0 0 0;}
.products img{ max-width:100%;}
.products .con1 dl{ clear:both; overflow:hidden; padding-bottom:60px; width:100%; margin:0 auto; max-width:1200px;}
.products .con1 dl dt{ float:left; width: calc(55% - 54px); margin-right:54px;}
.products .con1 dl dt img{ /*max-width:426px;*/}
.products .con1 dl dd{ float:left; width:40%; padding-top:0px;}
.products .con1 dl dd p a{font-size:14px;background: #00378e;color:#fff;padding: 5px;display: block;margin-top: 20px;max-width: 25%;border-radius: 5px;text-align: center;}
.products .con1 dl dd ul li{ float:left; width:40%; margin-right:10%;}
.products .con1 dl dd ul li h5{ font-size:18px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:5px;}
.products .con1 dl dd ul li p{ padding-bottom:20px;}
.products .con2 ul{width:100%; margin:0 auto; max-width:1200px;}
.products .con2 ul li{ float:left; width:50%; margin-right:0%;}
.products .con2 ul li p{ font-size:14px; margin-bottom:40px;}
.products .con2 ul li img{ margin-bottom:50px; width:100%; max-width:600px;}
.products .con4 .biaoge{ display:block; max-width:1200px; margin:0 auto; text-align:left; text-indent:2px; line-height:15px;}
.products .con4 .biaoge .borderbottom{ border-bottom:1px solid #C1C2C2;}
.products .con4 .biaoge .borderred{ border-right:1px dashed #D8A3A6;}
.products .con4 .biaoge .borderhui{ border-right:1px dashed #ccc;}
.products .con4 .biaoge td{ padding:3px 0;}
.products .con4 .anniu{ display:none;}


.lanren{width: 100%;height: auto;margin:0 auto;text-align: left;/*overflow: hidden;*/}
.lanren ul.list{overflow: hidden;}
.lanren .more{overflow: hidden;text-align: center;}
.lanren .more a{display: block; border:1px solid #ccc; height:31px; line-height:31px;width: 95px;color:#636363;margin:0 auto;background:#fff;text-align:center;border-radius:0px; font-size:16px;}
.lanren .more a:hover{text-decoration: none;background: #bc131a;color: #fff; border:1px solid #bc131a;}
.lanren .more p{ font-size:16px;}
.lanren li.kongbai{ margin-right:2%;}
.lanren li{ float:left; width:48%; margin-bottom:32px;}
.lanren li img{ width:100%;}
.lanren li .text{ background:#f0f8ff; height:64px; line-height:64px; padding:0 12px; font-size:14px;}
.lanren li .text:hover{background: #1d55a1;}
.lanren li .text:hover a{color: #fff;}
.lanren li .text span{ float:left;}
.lanren li .text a{ float:right;margin-left:20px;}
.lanren li .text a img{width:100%;margin-top: 50%;}
/* .lanren li .text a:hover{ color:#fff;} */


.yingyong .con1,.yingyong .con2,.yingyong .con3{ padding:72px 0; clear:both; overflow:hidden;color:#636363;}
.yingyong img{ width:100%;}
.yingyong .yy_title{ font-size:18px; text-align:center; margin-bottom:20px;}
.yingyong .yy_text{ text-align:center; font-size:14px; margin-bottom:30px;}
.yingyong .yy_title2{ font-size:18px;}
.yingyong .con3 .yy_title2{ border-bottom:1px solid #cccccc; line-height:46px; margin-bottom:24px;}
.yingyong .con2 ul li{ float:left; width:50%;}
.yingyong .con2 ul li dl{ width:100%; max-width:443px; margin:27px 0; clear:both; overflow:hidden;}
.yingyong .con2 ul li dl dt{ float:left;font-size:14px; line-height:17px;}
.yingyong .con2 ul li dl dd{ float:right; }
.yingyong .con2 ul li dl dd a{ color:#767676; font-size:16px; width:107px; height:32px; line-height:32px; text-align:center; border:1px solid #ccc; display:block;}
.yingyong .con2 ul li dl dd a:hover{ color:#fff; background:#1d55a1; border:1px solid #1d55a1;}



.yingyong .con3 .hidden{ display: none;}
.yingyong .con3 .lanren{width: 100%;height: auto;margin:0 auto;text-align: left;/*overflow: hidden;*/}
.yingyong .con3 .lanren ul.list{overflow: hidden;}
.yingyong .con3 .lanren .more{overflow: hidden;text-align: center;}
.yingyong .con3 .lanren .more a{display: block; border:1px solid #ccc; height:31px; line-height:31px;width: 95px;color:#636363;margin:0 auto;background:#fff;text-align:center;border-radius:0px; font-size:16px;}
.yingyong .con3 .lanren .more a:hover{text-decoration: none;background: #1d55a1;color: #fff; border:1px solid #1d55a1;}
.yingyong .con3 .lanren .more p{ font-size:16px;}
.yingyong .con3 .lanren li.kongbai{ margin-right:2%;}
.yingyong .con3 .lanren li{ float:left; width:48%; margin-bottom:32px;}
.yingyong .con3 .lanren li img{ width:100%;}
.yingyong .con3 .lanren li .text{ background:#f7f7f7; height:60px; line-height:60px; padding:0 12px; font-size:14px;}
.yingyong .con3 .lanren li .text span{ float:left;}
.yingyong .con3 .lanren li .text a{ float:right;}
.yingyong .con3 .lanren li .text a:hover{ color:#bc131a;}


.case_nav{ background:#fff; margin-top:36px;padding:30px 10%; color:#636363;}
.case_nav a{ color:#636363;}
.case_nav .title3{ border-bottom:1px solid #ccc; clear:both; overflow:hidden; padding:5px 0; margin-bottom:10px;}
.case_nav .title3 span{ float:left; font-size:18px;}
.case_nav .title3 a{ float:right; font-size:14px;}
.case_nav ul li{ font-size:14px; line-height:35px;}
.case_nav ul.ul1 li a{ display:block;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:100%;}
.case_nav ul.ul2 li{ line-height:26px;}
.case_nav ul.ul2 li a{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; height:52px; margin-bottom:15px;}
.case_nav ul.ul3 li a{}
.case_nav ul.ul3 li{ line-height:70px; padding:6px 0;clear:both; overflow:hidden;}
.case_nav ul.ul3 li img{ max-height:70px;}
.case_nav ul.ul3 li span{ width:50%; float:left; text-align:center; display:block;}

.case_nr dl{ clear:both; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc; color:#636363; font-size:14px; position:relative;}
.case_nr dl dt{ float:left;  width: calc(50% - 32px); margin-right:32px;}
.case_nr dl dt img{ width:100%;}
.case_nr dl dd{ float:left; width:50% ;}
.case_nr dl dd h3{ line-height:25px;}
.case_nr dl dd span.nextyc a{ padding-right:5px;}
.case_nr dl dd a{color:#333;font-size: 18px;}
.case_nr dl dd p{ margin-top:15px;display:-webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; margin-bottom:15px;}
.case_nr dl a.more{  float:right; position:absolute; right:0; bottom:30px;}

.meiti .title4{ /*border-bottom:1px solid #ccc;*/ clear:both; overflow:hidden; margin-bottom:22px;}
.meiti .title4 a{ display:block; float:left; width:33.333333%; text-align:center; font-size:14px; line-height:32px;}
.meiti .title4 a:hover,.meiti .title4 a.dq{ background:url(../img/hei_line2.jpg) no-repeat center bottom;}
.meiti ul li.kongbai{ width:45%;}
.meiti ul li{ float:left; width:48%; margin-bottom:25px;}
.meiti ul li img{ width:100%;}
.meiti ul li p{ background:#636363; color:#fff; font-size:14px; text-align:center; height:37px; line-height:37px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }






.case_xx{ color:#636363;}
.case_xx h1{ font-size:24px; text-align:center;}
.case_xx .text{ padding:10px 0; font-size:14px; text-align:center;}
.case_xx .text span{ padding-right:20px;}
.case_xx .fenlei{ clear:both; overflow:hidden;}
.case_xx .fenlei ul li{ float:left; width:40%; margin-right:10%; font-size:14px; border-bottom:1px solid #ccc; margin-bottom:25px; padding:13px 0;}
.case_xx p{ font-size:14px;}
.case_xx p img{ max-width: 100%; margin-bottom:25px;}
.case_xx .sxp{ font-size:14px; line-height:28px;}
.case_xx .title5{ margin:23px 0; height:40px; line-height:40px; background:#767676; text-indent:18px; color:#fff; font-size:14px;}
.case_xx dl{ float:left; margin:0 18px; width: calc(50% - 36px); font-size:14px;}
.case_xx dl dt{ float:left; margin-right:18px;width: calc(50% - 18px); text-align:center;overflow:hidden;}
.case_xx dl dt img{ width:100%;}
.case_xx dl dd{ float:left; width:50%;}
.case_xx dl dd a{ display:block; line-height:29px; color:#636363;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }


.youshi img.case_img{ width:100%; margin-bottom: 35px;}


.news_nav { background:#fff;padding: 30px 10%;    color: #636363; clear:both; overflow:hidden;}
.news_nav .sousuo{ border:1px solid #636363; clear:both; overflow:hidden;}
.news_nav input{ float:left; height:25px;width: calc(100% - 40px);}
.news_nav input.btn{ width:40px; background:#636363 url(../img/search2.png) no-repeat center; cursor:pointer; height:25px;}
.news_nav .ewm{ max-width:201px; margin:15px auto 0 auto; width:100%;}
.news_nav p{ font-size:14px; text-align:center; line-height:20px; margin-bottom:20px;}
.news_nav span{ float:left;overflow:hidden; display:block; width:24%;margin-left:20px; }
.news_nav span a{ display:block;width:24px;     height:22px;}
.news_nav span.bg1{ background:url(../img/link111.jpg) no-repeat;}
.news_nav span.bg2{ background:url(../img/link222.jpg) no-repeat;}
.news_nav span.bg3{ background:url(../img/link333.jpg) no-repeat;}


.news_title{ border-left:12px solid #636363; height:24px; line-height:24px;margin:20px 0; clear:both; overflow:hidden;}
.news_title h3{ float:left; font-size:24px; color:#636363; text-indent:6px;}
.news_title a{ float:right; font-size:14px;}
.news_img{ position:relative;}
.news_img img{ width:100%; margin-bottom:40px;}
.news_img p{ position:absolute; left:0; bottom:40px; width:100%; line-height:50px; color:#fff; font-size:14px; text-indent:16px; background:#636363;}
.news_nr ul{ clear:both; overflow:hidden;}
.news_nr ul li{ float:left; width:48%;  margin-bottom:22px;}
.news_nr ul li img{ width:100%;}
.news_nr ul li{ margin-right:2%;}


.kongbai2{ width:3%; float:left;}
.kongbai1{ width:2%; float:left;}

.about_list ul li{ width:44%; margin:2%; float:left;border:1px solid #ccc;background:#eeeeee;}
.about_list ul li img{ width:100%; display:block; margin-bottom:0;float:left;}
.about_list ul li.an p{ width: 99.8%; max-width:600px;text-align: center; height: 37px; line-height: 37px; font-size:14px; border: 1px solid #666; background-color: #666; color: #FFF; margin: 0 auto; }


/*按钮样式*/

.video_list ul li{ width:44%; margin:2%; float:left;border:1px solid #ccc;background:#eeeeee;}
.video_list ul li img{ width:23%; display:block; margin-bottom:0;float:left;}
.video_list ul li.an p{ width: 99.8%; max-width:600px;text-align: center; height: 37px; line-height: 37px; font-size:14px; border: 1px solid #666; background-color: #666; color: #FFF; margin: 0 auto; }
#gallery ul li{margin-bottom: 25px;}
#goodcover { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 133%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.50; filter: alpha(opacity=80); }
#codetancuh { width:94%; max-width:600px;height: 500px; background-color: #fff;  position: absolute; display: none; left: 45%; z-index: 999999; }
.video_list .close1 { width: 100%; max-width:600px; height: 60px; }
#closebt { float: right; }
#closebt img { width: 20px; margin:10px 10px 0 0 }
.video_list .code-img { width: 100%; max-width:550px; height:400px; margin: 0 auto 0 auto;  }
.video_list .code-img img { width: 100%; max-width:540px; }
.video_list iframe{ width:100%; height:100%;}
/*视频图标*/
.video_list ul li span {/*width: 375px;height: 208px;margin-top: -208px;background: url(../img/video.png) center center no-repeat;position: absolute;*/display: block;}

.video_list ul li.an span {width: 588px;height: 392px;margin-top: -392px;background: url(../img/video.png) center center no-repeat;position: absolute;display: block;}


.news_nr ul li span {width: 375px;height: 208px;margin-top: -208px;background: url(../img/video.png) center center no-repeat;position: absolute;display: block;}

#ClickMe2 button { width: 100%; max-width:600px; height: 33px; font-size:14px; border: 1px solid #666; background-color: #666; color: #FFF; margin: 0 auto; }
#goodcover2 { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 99999; -moz-opacity: 0.8; opacity: 0.50; filter: alpha(opacity=80); }
#codetancuh2 { width:94%; max-width:600px;height: 500px; background-color: #fff;  position: absolute; display: none; left: 45%; z-index: 999999; }
#closebt2 { float: right; }
#closebt2 img { width: 20px; margin:10px 10px 0 0 }


@media (max-width: 768px) {
.video_list ul li{ width:100%; margin-right:0%; margin-bottom:20px; float:left;}
	
	
}






.map{padding:1px 1px 30px 1px; background:#fff; margin-top:0; overflow:hidden;}
.map_pic{float:left; position:relative; width:631px; height:520px; background:url(../img/map01.jpg) no-repeat;}
.map_pic ul{position:absolute; width:100%; height:100%;}
.map_pic ul li{padding-top:15px;}
.map_pic ul li.guangdong{position:absolute; left:454px; top:414px; }
.map_pic ul li.guangxi{position:absolute; left:394px; top:415px; }
.map_pic ul li.hainan{position:absolute; left:402px; top:475px; }
.map_pic ul li.taiwan{position:absolute; left:548px; top:395px; }
.map_pic ul li.fujian{position:absolute; left:505px; top:370px; }
.map_pic ul li.jiangxi{position:absolute; left:478px; top:349px; }
.map_pic ul li.hunan{position:absolute; left:426px; top:355px; }
.map_pic ul li.guizhou{position:absolute; left:365px; top:370px; }
.map_pic ul li.yunnan{position:absolute; left:288px; top:403px; }
.map_pic ul li.sichuan{position:absolute; left:310px; top:316px; }
.map_pic ul li.chongqing{position:absolute; left:374px; top:319px; }
.map_pic ul li.hubei{position:absolute; left:426px; top:309px; }
.map_pic ul li.zhejiang{position:absolute; left:528px; top:330px; }
.map_pic ul li.shanghai{position:absolute; left:542px; top:285px; }
.map_pic ul li.jiangsu{position:absolute; left:522px; top:262px; }
.map_pic ul li.anhui{position:absolute; left:490px; top:292px; }
.map_pic ul li.henan{position:absolute; left:436px; top:264px; }
.map_pic ul li.shandong{position:absolute; left:497px; top:219px; }
.map_pic ul li.shanxi{position:absolute; left:385px; top:264px; }
.map_pic ul li.shannxi{position:absolute; left:420px; top:221px; }
.map_pic ul li.hebei{position:absolute; left:455px; top:201px; }
.map_pic ul li.tianjin{position:absolute; left:479px; top:174px; }
.map_pic ul li.beijing{position:absolute; left:467px; top:160px; }
.map_pic ul li.liaoning{position:absolute; left:539px; top:140px; }
.map_pic ul li.jilin{position:absolute; left:560px; top:100px; }
.map_pic ul li.heilongjiang{position:absolute; left:570px; top:55px; }
.map_pic ul li.neimenggu{position:absolute; left:362px; top:170px; }
.map_pic ul li.ningxia{position:absolute; left:350px; top:220px; }
.map_pic ul li.gansu{position:absolute; left:250px; top:170px; }
.map_pic ul li.qinghai{position:absolute; left:230px; top:243px; }
.map_pic ul li.xizang{position:absolute; left:130px; top:290px; }
.map_pic ul li.xinjiang{position:absolute; left:125px; top:160px; }





.map_pic ul li p{display:block; width:13px; height:22px; cursor:pointer;}
.map_pic ul li:hover p, .map_pic ul li.act p{background:url(../img/map05.png) no-repeat;}
 .map_pic ul li.act article{display:block;}
.map_pic ul li article{z-index:1; display:none; width:100px; height:35px; line-height:35px; text-align:center; background:#e67817; border-radius:5px; color:#fff; margin-left:-50px; position:absolute; left:50%; bottom:100%;}
.map_pic ul li article:after{content:''; position:absolute; left:50%; top:100%; margin-left:-6px; border-color:#e67817 transparent transparent transparent; border-style: solid; border-width: 6px;}
.map_rl{float:right; width: calc(100% - 670px); margin-top:15px; }
.map_rl .select-wrapper{margin-left:0;}
.map_rl .select-button{ border-radius:0; background:#fff; width:100%; color:#636363; text-align:left; font-size:16px; font-weight:bold;}
.map_rl .select-down{border-color:#fff transparent transparent transparent ;}

.map_nr{overflow:hidden;}
.map_nr article{ margin-top:12px; overflow:hidden; font-size:16px; line-height:38px;}



 .tab { width:100%;}
 .tab_menuli { clear:both; padding:10px 0; overflow:hidden;}
.tab_menuli li { float:left; text-align:center; cursor:pointer; list-style:none; font-size:14px; border-right:2px solid #ccc; height:16px; line-height:16px;  padding:0 5px;}

.tab_menuli li.selected {
    color: #000;
    background: url(../img/hei_line2.jpg) no-repeat center bottom;
}
.tab_menuli li{width: 10%;font-size: 14px;float: left;display: block;text-align: center;height: 34px;line-height: 34px;}

 .tab_box { clear:both;}
 .hide{display:none}
 
 
 


.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; max-width: 100%; border: 0; margin: auto;text-align: center;  }
.slide_container { margin-bottom: 50px; position: relative; float: left; max-width: 100%;  margin: auto;text-align: center; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; max-width: 100%; border: 0; margin: auto;text-align: center;  }
.slide .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }


.rslides1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides1 li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides1 li:first-child { position: relative; display: block; float: left; }
.rslides1 img { display: block; height: auto; float: left; max-width: 100%; border: 0;  }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide1 li { position: absolute; width: 100%; left: 38px; top: 0; }
.slide1 img { display: block; position: relative; z-index: 1; height: auto; max-width: 100%; border: 0; margin-right: 20px; }
.slide1 .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide1_nav:active { opacity: 1.0; }
.slide1_nav.next { left: auto; background-position: right top; right: 0; }

.rslides2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides2 li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides2 li:first-child { position: relative; display: block; float: left; }
.rslides2 img { display: block; height: auto; float: left; width: 50%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide2 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide2 li { position: absolute; width: 100%; left: 0; top: 0; }
.slide2 img { display: block; position: relative; z-index: 1; height: auto; width: 50%; border: 0;  margin-right: 20px; }
.slide2 .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide2_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide2_nav:active { opacity: 1.0; }
.slide2_nav.next { left: auto; background-position: right top; right: 0; }

.rslides3 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides3 li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides3 li:first-child { position: relative; display: block; float: left; }
.rslides3 img { display: block; height: auto; float: left; width: 50%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.slide3 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide3 li { position: absolute; width: 100%; left: 0; top: 0; }
.slide3 img { display: block; position: relative; z-index: 1; height: auto; width: 50%; border: 0; margin-right: 20px;  }
.slide3 .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide3_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../img/themes.png") no-repeat left top; margin-top: -45px; }
.slide3_nav:active { opacity: 1.0; }
.slide3_nav.next { left: auto; background-position: right top; right: 0; }



/*课程介绍 轮播*/



@media (max-width: 768px) {
.map_pic{ float:none;}
.map_rl{float:none; width:100%; margin-top:15px; }
.b-se{display:none;}
.all-a.pc{display:none;}
.all-a.sj{display:block;}
.all-a.sj .about-con{clear:left;width:100%;}
.all-a.sj .picture{clear:left;width:100%;}
.all-a.sj .picture img{width:100%;}
}

 @media only screen and (min-width:1200px) and (max-width:1920px){
   header .pc_head .logo {    float: left;
    width: 20%;
    padding: 8px 0;}
    header .pc_head .logo a img{width:100%;}
  header .pc_head .menu {width:68%;}
.search{width:80%}
.animenu ul{margin-left:4%;}
.about-1 .about-con{width:40%;}
}
 @media only screen and (min-width:970px) and (max-width:1200px){
  header .pc_head .logo {    float: left;
    width: 20%;
    padding: 8px 0;}
    header .pc_head .logo a img{width:100%;}
  header .pc_head .menu {width:68%;}
  .search{width:80%}

.animenu ul{margin-left:4%;}
.about-1 .about-con{width:45%;}
}
 @media only screen and (min-width:768px) and (max-width:970px){
  header .pc_head .logo {    float: left;
    width: 20%;
    padding: 8px 0;}
    header .pc_head .logo a img{width:100%;}
  header .pc_head .menu {width:68%;}
.animenu__nav > li{max-width:70px;}
.animenu ul{margin-left:4%;}
.search{width:80%}
.about-1 .about-con{clear:left;width:100%;}
.about-1 .picture{clear:left;width:100%;}
.about-1 .picture img{clear:left;width:100%;}
}


/*课程介绍 轮播*/
.friend{height:520px;overflow:hidden;max-width:640px;}
.mr_frbox{height:520px;width:640px;}

.mr_frBtnL{cursor:pointer;display:inline;float:left;height:40px;width:20px;position: relative;z-index: 999;top: 50%; left: 0px;}
.mr_frUl{float:left;height:460px;max-width:640px;}

.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:20px;height:40px; position: relative;right: 20px;bottom: 88%;z-index: 999;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:300px;overflow:hidden;position:relative;}
.mr_frUl ul li img{/*display:block;*/width:100%;}